<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:substituteby="navtempTenant::docHead(#{tenantcenter.name},'首页')">
</head>
<body>
<script type="text/javascript" th:substituteby="demo/tenant/addCard1.js::js"></script>
<style type="text/css">
    html {
        height: 100%
    }

    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }

    #container {
        height: 750px;
    }

    .myRow {
        margin: 0 auto;
        border-bottom: 1px solid #CCCCCC;
        padding: .5em;
    }
</style>
<nav th:replace="navtempTenant::nav(#{tenantcenter.name})"></nav>
<div class="container">
    <div class="row" style="margin-top: 5em;">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12 col-md-12 main">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                        data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="#">添加次卡：</a>
                            </div>
                        </div>
                    </nav>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">&nbsp;名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;</span>
                                <input name="description" class="form-control" placeholder="名称"
                                       aria-describedby="basic-username" type="text"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">&nbsp;售&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价&nbsp;</span>
                                <input name="description" class="form-control" placeholder="售价"
                                       aria-describedby="basic-username" type="text"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">&nbsp;次&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数&nbsp;</span>
                                <input name="description" class="form-control" placeholder="次数"
                                       aria-describedby="basic-username" type="text"/>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">&nbsp;赠送额度&nbsp;</span>
                                <input name="description" class="form-control" placeholder="赠送额度"
                                       aria-describedby="basic-username" type="text"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">&nbsp;有&nbsp;&nbsp;&nbsp;效&nbsp;&nbsp;&nbsp;期&nbsp;</span>
                                <input name="description" class="form-control" placeholder="有效期"
                                       aria-describedby="basic-username" type="text"/>
                                <span class="input-group-btn">
                                    <select class="form-control" style="width: 80px">
                                        <option>天</option>
                                        <option>月</option>
                                        <option>年</option>
                                    </select>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <span class="input-group-addon">延长有效期额度</span>
                                <input name="description" class="form-control" placeholder="延长有效期额度"
                                       aria-describedby="basic-username" type="text"/>
                                <span class="input-group-btn">
                                    <select class="form-control" style="width: 80px">
                                        <option>天</option>
                                        <option>月</option>
                                        <option>年</option>
                                    </select>
                                </span>
                            </div>
                        </div>
                    </div>
                    <hr/>
                    <div class="row">
                        <div class="col-sm-12 col-md-12">
                            <div id="myTabContent1" class="tab-content">
                                <div class="tab-pane fade in active">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div>
                                                <div class="panel panel-default">
                                                    <!-- Default panel contents -->
                                                    <div class="panel-heading"><h4>适用课程</h4></div>
                                                    <div class="checkbox-inline">
                                                        <label style="width: 120px">
                                                            <input type="checkbox"/>肩背打开大课
                                                        </label>
                                                        <label style="width: 120px">
                                                            <input type="checkbox"/>核心提升大课
                                                        </label>
                                                        <label style="width: 120px">
                                                            <input type="checkbox"/>核心提升大课
                                                        </label>
                                                        <label style="width: 120px">
                                                            <input type="checkbox"/>核心提升大课
                                                        </label>
                                                        <label style="width: 120px">
                                                            <input type="checkbox"/>核心提升大课
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br/>

                    <div class="row">
                        <div class="col-md-1 col-md-offset-5">
                            <input type="button" value="保存" class="btn btn-primary btn-block"
                                   style="margin: 0 auto; display: block;"
                                   onclick="window.location.href='/demo/tenant/cards1'"/>
                        </div>
                        &nbsp;
                        <div class="col-md-1">
                            <input type="button" value="取消" class="btn btn-danger btn-block"
                                   style="margin: 0 auto; display: block;"
                                   onclick="window.location.href='/demo/tenant/cards1'"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
